<div>
	<div class="x-form-field-wrap x-form-field-trigger-wrap " id="mainDiv_<#if parameters.name??>${parameters.name?html}</#if>"  <#if parameters.cssStyle??> style="${parameters.cssStyle?html}"</#if>>
		<input type="hidden" <#if parameters.headerKey??> value="${parameters.headerKey?html}"</#if> <#if parameters.name??>name="${parameters.name?html}"</#if> <#if parameters.id??>id="${parameters.id?html}"</#if>>
		<input onClick="javascript:mainClick<#if parameters.name??>${parameters.name?html}</#if>(this);"  <#if parameters.headerValue??>value="${parameters.headerValue?html}"</#if> <#if parameters.name??>name="${parameters.name?html}_back"</#if> <#if parameters.id??>id="${parameters.id?html}_back"</#if> class=" x-form-text x-form-field x-form-empty-field " type="text"/>
		<img class="x-form-trigger x-form-arrow-trigger"  src="${base}/images/default/s.gif" onClick="javascript:imgClick<#if parameters.name??>${parameters.name?html}</#if>(this);"/>
	</div>
</div>
<div id="hidden_<#if parameters.name??>${parameters.name?html}</#if>div" class="x-layer x-combo-list " style="position: absolute; z-index: 11000; visibility: hidden; left: -10000px; top: -10000px; height: 191px; font-size: 12px;">
	<div   class="x-combo-list-inner" style="height: 191px;">
		<#if parameters.list??>
			<@s.iterator value="parameters.list">
				<#if parameters.listKey??>
	    			<#assign tmpListKey = stack.findString(parameters.listKey) />
			    <#else>
			    	<#assign tmpListKey = stack.findString('top') />
			    </#if>
			    <#if parameters.listValue??>
			    	<#assign tmpListValue = stack.findString(parameters.listValue) />
			    <#else>
			    	<#assign tmpListValue = stack.findString('top') />
			    </#if>
			    <div style="cursor:pointer;" onMouseout="javascript:onmouseout<#if parameters.name??>${parameters.name?html}</#if>(this);" onMouseover="javascript:onmouseover<#if parameters.name??>${parameters.name?html}</#if>(this);" onClick="javascript:onclick<#if parameters.name??>${parameters.name?html}</#if>(this);" <#if (parameters.nameValue == tmpListKey)>
	            class="x-combo-list-item x-combo-selected"<#rt/> <#else>  class="x-combo-list-item" </#if>  id="${tmpListKey?html}"<#rt/>>${tmpListValue?html}</div>
			</@s.iterator>
		</#if>
	</div>
</div>
<script type="text/javascript">
	function mainClick<#if parameters.name??>${parameters.name?html}</#if>(obj){
		var objDiv=document.getElementById("hidden_<#if parameters.name??>${parameters.name?html}</#if>div");
		var mainDiv=document.getElementById("mainDiv_<#if parameters.name??>${parameters.name?html}</#if>");
		
		var objLeft=mainDiv.style.left;
		var objTop=mainDiv.style.top;
		if(objLeft.indexOf("px")>=0||objLeft.indexOf("pt")>=0){
			objLeft=objLeft.substring(0,objLeft.length-2);
		}
		if(objTop.indexOf("px")>=0||objTop.indexOf("pt")>=0){
			objTop=objTop.substring(0,objTop.length-2);
			objTop=parseInt(objTop,10);
			objTop=objTop+21;
		}
		objDiv.style.left=objLeft+"px";
		objDiv.style.top=objTop+"px";
		var offsetLeft=obj.offsetWidth;
		offsetLeft=parseInt(offsetLeft,10)+15;
		objDiv.style.width=offsetLeft+"px";
		objDiv.style.visibility="visible";
	}
	function imgClick<#if parameters.name??>${parameters.name?html}</#if>(obj){
		//alert("");
		var objDiv=document.getElementById("hidden_<#if parameters.name??>${parameters.name?html}</#if>div");
		var mainDiv=document.getElementById("mainDiv_<#if parameters.name??>${parameters.name?html}</#if>");
		
		var objLeft=mainDiv.style.left;
		var objTop=mainDiv.style.top;
		if(objLeft.indexOf("px")>=0||objLeft.indexOf("pt")>=0){
			objLeft=objLeft.substring(0,objLeft.length-2);
		}
		if(objTop.indexOf("px")>=0||objTop.indexOf("pt")>=0){
			objTop=objTop.substring(0,objTop.length-2);
			objTop=parseInt(objTop,10);
			objTop=objTop+21;
		}
		//alert(obj.offsetLeft);
		//alert(objLeft);
		objDiv.style.left=objLeft+"px";
		objDiv.style.top=objTop+"px";
		var offsetLeft=obj.offsetLeft;
		offsetLeft=parseInt(offsetLeft,10)+15;
		//alert(offsetLeft);
		objDiv.style.width=offsetLeft+"px";
		objDiv.style.visibility="visible";
	}
	function onmouseout<#if parameters.name??>${parameters.name?html}</#if>(obj){
		obj.className="x-combo-list-item";
	}
	function onmouseover<#if parameters.name??>${parameters.name?html}</#if>(obj){
		obj.className="x-combo-list-item  x-combo-selected";
	}
	function onclick<#if parameters.name??>${parameters.name?html}</#if>(obj){
		var tname=document.getElementById("<#if parameters.id??>${parameters.id?html}_back</#if>");
		var tvalue=document.getElementById("<#if parameters.id??>${parameters.id?html}</#if>");
		tvalue.value=obj.id;
		tname.value=obj.innerHTML;
		var objDiv=document.getElementById("hidden_<#if parameters.name??>${parameters.name?html}</#if>div");
		objDiv.style.visibility="hidden";
	}
</script>